<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>iconfont Demo</title>
  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
  <style>
    .main .logo {
      margin-top: 0;
      height: auto;
    }

    .main .logo a {
      display: flex;
      align-items: center;
    }

    .main .logo .sub-title {
      margin-left: 0.5em;
      font-size: 22px;
      color: #fff;
      background: linear-gradient(-45deg, #3967FF, #B500FE);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  </style>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
      
    </a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=2447459" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon custom-icon">&#xe6c4;</span>
                <div class="name">替换</div>
                <div class="code-name">&amp;#xe6c4;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe630;</span>
                <div class="name">关闭</div>
                <div class="code-name">&amp;#xe630;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe6f0;</span>
                <div class="name">app</div>
                <div class="code-name">&amp;#xe6f0;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe73f;</span>
                <div class="name">小程序</div>
                <div class="code-name">&amp;#xe73f;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe695;</span>
                <div class="name">微信</div>
                <div class="code-name">&amp;#xe695;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe61e;</span>
                <div class="name">技能</div>
                <div class="code-name">&amp;#xe61e;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe607;</span>
                <div class="name">主页</div>
                <div class="code-name">&amp;#xe607;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe6f7;</span>
                <div class="name">留言</div>
                <div class="code-name">&amp;#xe6f7;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe64d;</span>
                <div class="name">排列</div>
                <div class="code-name">&amp;#xe64d;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe650;</span>
                <div class="name">商品</div>
                <div class="code-name">&amp;#xe650;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe690;</span>
                <div class="name">图标_支付-钱包支付-94</div>
                <div class="code-name">&amp;#xe690;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe686;</span>
                <div class="name">彩友多_支付-微信支付</div>
                <div class="code-name">&amp;#xe686;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe68f;</span>
                <div class="name">图标_支付_支付宝支付</div>
                <div class="code-name">&amp;#xe68f;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe61f;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xe61f;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe620;</span>
                <div class="name">个人中心</div>
                <div class="code-name">&amp;#xe620;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe628;</span>
                <div class="name">工作单位</div>
                <div class="code-name">&amp;#xe628;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe629;</span>
                <div class="name">工作时间</div>
                <div class="code-name">&amp;#xe629;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe62a;</span>
                <div class="name">关闭</div>
                <div class="code-name">&amp;#xe62a;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe62d;</span>
                <div class="name">关于</div>
                <div class="code-name">&amp;#xe62d;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe62e;</span>
                <div class="name">就诊人管理</div>
                <div class="code-name">&amp;#xe62e;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe631;</span>
                <div class="name">就诊提醒</div>
                <div class="code-name">&amp;#xe631;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe63a;</span>
                <div class="name">距离</div>
                <div class="code-name">&amp;#xe63a;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe64c;</span>
                <div class="name">免责声明</div>
                <div class="code-name">&amp;#xe64c;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe64e;</span>
                <div class="name">删减</div>
                <div class="code-name">&amp;#xe64e;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe651;</span>
                <div class="name">身份证</div>
                <div class="code-name">&amp;#xe651;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe652;</span>
                <div class="name">手机版</div>
                <div class="code-name">&amp;#xe652;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe653;</span>
                <div class="name">搜索</div>
                <div class="code-name">&amp;#xe653;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe654;</span>
                <div class="name">添加</div>
                <div class="code-name">&amp;#xe654;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe655;</span>
                <div class="name">完成</div>
                <div class="code-name">&amp;#xe655;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe656;</span>
                <div class="name">未读</div>
                <div class="code-name">&amp;#xe656;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe657;</span>
                <div class="name">我的关注</div>
                <div class="code-name">&amp;#xe657;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe658;</span>
                <div class="name">我的评价</div>
                <div class="code-name">&amp;#xe658;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe659;</span>
                <div class="name">我的钱包</div>
                <div class="code-name">&amp;#xe659;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe65b;</span>
                <div class="name">我的通知</div>
                <div class="code-name">&amp;#xe65b;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe65c;</span>
                <div class="name">我的预约</div>
                <div class="code-name">&amp;#xe65c;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe65d;</span>
                <div class="name">邀请患者</div>
                <div class="code-name">&amp;#xe65d;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe65e;</span>
                <div class="name">邀请同行</div>
                <div class="code-name">&amp;#xe65e;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe65f;</span>
                <div class="name">医生职称</div>
                <div class="code-name">&amp;#xe65f;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe660;</span>
                <div class="name">已读</div>
                <div class="code-name">&amp;#xe660;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe661;</span>
                <div class="name">用户反馈</div>
                <div class="code-name">&amp;#xe661;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe662;</span>
                <div class="name">预约挂号</div>
                <div class="code-name">&amp;#xe662;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe664;</span>
                <div class="name">电话</div>
                <div class="code-name">&amp;#xe664;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe665;</span>
                <div class="name">退出</div>
                <div class="code-name">&amp;#xe665;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe627;</span>
                <div class="name">退出</div>
                <div class="code-name">&amp;#xe627;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe617;</span>
                <div class="name">互联网off</div>
                <div class="code-name">&amp;#xe617;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xeb00;</span>
                <div class="name">Android更多</div>
                <div class="code-name">&amp;#xeb00;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe901;</span>
                <div class="name">闭眼睛</div>
                <div class="code-name">&amp;#xe901;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe64b;</span>
                <div class="name">返回</div>
                <div class="code-name">&amp;#xe64b;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xeca5;</span>
                <div class="name">声音_实体</div>
                <div class="code-name">&amp;#xeca5;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xecac;</span>
                <div class="name">设备开发</div>
                <div class="code-name">&amp;#xecac;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xed1a;</span>
                <div class="name">错误空心</div>
                <div class="code-name">&amp;#xed1a;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xed21;</span>
                <div class="name">加_色块</div>
                <div class="code-name">&amp;#xed21;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xed22;</span>
                <div class="name">减_色块</div>
                <div class="code-name">&amp;#xed22;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe708;</span>
                <div class="name">空</div>
                <div class="code-name">&amp;#xe708;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe694;</span>
                <div class="name">查看名片</div>
                <div class="code-name">&amp;#xe694;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe796;</span>
                <div class="name">账单</div>
                <div class="code-name">&amp;#xe796;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe623;</span>
                <div class="name">标注</div>
                <div class="code-name">&amp;#xe623;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe625;</span>
                <div class="name">组织页面</div>
                <div class="code-name">&amp;#xe625;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe626;</span>
                <div class="name">数字签名</div>
                <div class="code-name">&amp;#xe626;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe75b;</span>
                <div class="name">倒三角</div>
                <div class="code-name">&amp;#xe75b;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xf155;</span>
                <div class="name">倒三角</div>
                <div class="code-name">&amp;#xf155;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe676;</span>
                <div class="name">绑定-01</div>
                <div class="code-name">&amp;#xe676;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe61c;</span>
                <div class="name">yly_计算器</div>
                <div class="code-name">&amp;#xe61c;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe61d;</span>
                <div class="name">商铺   商城   首页  房子</div>
                <div class="code-name">&amp;#xe61d;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe60d;</span>
                <div class="name">陈</div>
                <div class="code-name">&amp;#xe60d;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe60e;</span>
                <div class="name">广安</div>
                <div class="code-name">&amp;#xe60e;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe60f;</span>
                <div class="name">1</div>
                <div class="code-name">&amp;#xe60f;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe603;</span>
                <div class="name">密码</div>
                <div class="code-name">&amp;#xe603;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe601;</span>
                <div class="name">3.1转发</div>
                <div class="code-name">&amp;#xe601;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xf14e;</span>
                <div class="name">下箭头</div>
                <div class="code-name">&amp;#xf14e;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xf14f;</span>
                <div class="name">下箭头</div>
                <div class="code-name">&amp;#xf14f;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xf150;</span>
                <div class="name">下箭头</div>
                <div class="code-name">&amp;#xf150;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xf151;</span>
                <div class="name">下箭头</div>
                <div class="code-name">&amp;#xf151;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe668;</span>
                <div class="name">联系客服</div>
                <div class="code-name">&amp;#xe668;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe62b;</span>
                <div class="name">眼睛</div>
                <div class="code-name">&amp;#xe62b;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe612;</span>
                <div class="name">眼睛</div>
                <div class="code-name">&amp;#xe612;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe622;</span>
                <div class="name">收起菜单</div>
                <div class="code-name">&amp;#xe622;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe624;</span>
                <div class="name">展开菜单</div>
                <div class="code-name">&amp;#xe624;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe610;</span>
                <div class="name">筛选</div>
                <div class="code-name">&amp;#xe610;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe742;</span>
                <div class="name">列表形式</div>
                <div class="code-name">&amp;#xe742;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe6b4;</span>
                <div class="name">三角上</div>
                <div class="code-name">&amp;#xe6b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe6b5;</span>
                <div class="name">下箭头</div>
                <div class="code-name">&amp;#xe6b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe685;</span>
                <div class="name">arrow-left-bold</div>
                <div class="code-name">&amp;#xe685;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe687;</span>
                <div class="name">arrow-right-bold</div>
                <div class="code-name">&amp;#xe687;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xf14c;</span>
                <div class="name">arrow-right-bold</div>
                <div class="code-name">&amp;#xf14c;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xf14d;</span>
                <div class="name">arrow-left-bold</div>
                <div class="code-name">&amp;#xf14d;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe604;</span>
                <div class="name">删除1</div>
                <div class="code-name">&amp;#xe604;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xf152;</span>
                <div class="name">加</div>
                <div class="code-name">&amp;#xf152;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe611;</span>
                <div class="name">加</div>
                <div class="code-name">&amp;#xe611;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe7e9;</span>
                <div class="name">表情</div>
                <div class="code-name">&amp;#xe7e9;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe60c;</span>
                <div class="name">送达</div>
                <div class="code-name">&amp;#xe60c;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe64f;</span>
                <div class="name">安全</div>
                <div class="code-name">&amp;#xe64f;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe600;</span>
                <div class="name">二维码</div>
                <div class="code-name">&amp;#xe600;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe62c;</span>
                <div class="name">复制</div>
                <div class="code-name">&amp;#xe62c;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xf153;</span>
                <div class="name">删除筛选项</div>
                <div class="code-name">&amp;#xf153;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe64a;</span>
                <div class="name">垃圾桶</div>
                <div class="code-name">&amp;#xe64a;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe621;</span>
                <div class="name">删除筛选项</div>
                <div class="code-name">&amp;#xe621;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe61b;</span>
                <div class="name">选择框勾选</div>
                <div class="code-name">&amp;#xe61b;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe613;</span>
                <div class="name">通知</div>
                <div class="code-name">&amp;#xe613;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe614;</span>
                <div class="name">Plus</div>
                <div class="code-name">&amp;#xe614;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe615;</span>
                <div class="name">我</div>
                <div class="code-name">&amp;#xe615;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe616;</span>
                <div class="name">扫描</div>
                <div class="code-name">&amp;#xe616;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe618;</span>
                <div class="name">设置</div>
                <div class="code-name">&amp;#xe618;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe619;</span>
                <div class="name">星星</div>
                <div class="code-name">&amp;#xe619;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe61a;</span>
                <div class="name">钱包</div>
                <div class="code-name">&amp;#xe61a;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe62f;</span>
                <div class="name">Scan</div>
                <div class="code-name">&amp;#xe62f;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe632;</span>
                <div class="name">Home</div>
                <div class="code-name">&amp;#xe632;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe633;</span>
                <div class="name">Search</div>
                <div class="code-name">&amp;#xe633;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe634;</span>
                <div class="name">Plus</div>
                <div class="code-name">&amp;#xe634;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe635;</span>
                <div class="name">Chart</div>
                <div class="code-name">&amp;#xe635;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe636;</span>
                <div class="name">Bag</div>
                <div class="code-name">&amp;#xe636;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe637;</span>
                <div class="name">Star</div>
                <div class="code-name">&amp;#xe637;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe638;</span>
                <div class="name">Category</div>
                <div class="code-name">&amp;#xe638;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe639;</span>
                <div class="name">Wallet</div>
                <div class="code-name">&amp;#xe639;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe63b;</span>
                <div class="name">Folder</div>
                <div class="code-name">&amp;#xe63b;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe63c;</span>
                <div class="name">Discovery</div>
                <div class="code-name">&amp;#xe63c;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe63d;</span>
                <div class="name">Message</div>
                <div class="code-name">&amp;#xe63d;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe63e;</span>
                <div class="name">Notification</div>
                <div class="code-name">&amp;#xe63e;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe63f;</span>
                <div class="name">Game</div>
                <div class="code-name">&amp;#xe63f;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe640;</span>
                <div class="name">Profile</div>
                <div class="code-name">&amp;#xe640;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe641;</span>
                <div class="name">Calendar</div>
                <div class="code-name">&amp;#xe641;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe642;</span>
                <div class="name">Setting</div>
                <div class="code-name">&amp;#xe642;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe643;</span>
                <div class="name">Activity</div>
                <div class="code-name">&amp;#xe643;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe644;</span>
                <div class="name">Document</div>
                <div class="code-name">&amp;#xe644;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe645;</span>
                <div class="name">Graph</div>
                <div class="code-name">&amp;#xe645;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe646;</span>
                <div class="name">Chat</div>
                <div class="code-name">&amp;#xe646;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe647;</span>
                <div class="name">Heart</div>
                <div class="code-name">&amp;#xe647;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe648;</span>
                <div class="name">Bookmark</div>
                <div class="code-name">&amp;#xe648;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe649;</span>
                <div class="name">Location</div>
                <div class="code-name">&amp;#xe649;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xf156;</span>
                <div class="name">我的-copy</div>
                <div class="code-name">&amp;#xf156;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xf13a;</span>
                <div class="name">购物</div>
                <div class="code-name">&amp;#xf13a;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xf13c;</span>
                <div class="name">首页</div>
                <div class="code-name">&amp;#xf13c;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xf13d;</span>
                <div class="name">我的</div>
                <div class="code-name">&amp;#xf13d;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe7bc;</span>
                <div class="name">帮助</div>
                <div class="code-name">&amp;#xe7bc;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe7c6;</span>
                <div class="name">积分</div>
                <div class="code-name">&amp;#xe7c6;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe7cc;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#xe7cc;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe7cd;</span>
                <div class="name">设置</div>
                <div class="code-name">&amp;#xe7cd;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe7d0;</span>
                <div class="name">收藏</div>
                <div class="code-name">&amp;#xe7d0;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe7d8;</span>
                <div class="name">优惠券</div>
                <div class="code-name">&amp;#xe7d8;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe7d9;</span>
                <div class="name">资料</div>
                <div class="code-name">&amp;#xe7d9;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe7be;</span>
                <div class="name">待发货</div>
                <div class="code-name">&amp;#xe7be;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe7bf;</span>
                <div class="name">待付款</div>
                <div class="code-name">&amp;#xe7bf;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe7c0;</span>
                <div class="name">待收货</div>
                <div class="code-name">&amp;#xe7c0;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe7c2;</span>
                <div class="name">反馈</div>
                <div class="code-name">&amp;#xe7c2;</div>
              </li>
          
            <li class="dib">
              <span class="icon custom-icon">&#xe7d1;</span>
                <div class="name">售后</div>
                <div class="code-name">&amp;#xe7d1;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'custom-icon';
  src: 
       url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
       url('iconfont.woff?t=1678873961999') format('woff'),
       url('iconfont.ttf?t=1678873961999') format('truetype');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.custom-icon {
  font-family: "custom-icon" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="custom-icon"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"custom-icon" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-tihuan"></span>
            <div class="name">
              替换
            </div>
            <div class="code-name">.custom-icon-tihuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-guanbi1"></span>
            <div class="name">
              关闭
            </div>
            <div class="code-name">.custom-icon-guanbi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-app"></span>
            <div class="name">
              app
            </div>
            <div class="code-name">.custom-icon-app
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-xiaochengxu"></span>
            <div class="name">
              小程序
            </div>
            <div class="code-name">.custom-icon-xiaochengxu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-weixin"></span>
            <div class="name">
              微信
            </div>
            <div class="code-name">.custom-icon-weixin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-jineng"></span>
            <div class="name">
              技能
            </div>
            <div class="code-name">.custom-icon-jineng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-home1149866easyiconnet"></span>
            <div class="name">
              主页
            </div>
            <div class="code-name">.custom-icon-home1149866easyiconnet
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-liuyan1"></span>
            <div class="name">
              留言
            </div>
            <div class="code-name">.custom-icon-liuyan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-pailie"></span>
            <div class="name">
              排列
            </div>
            <div class="code-name">.custom-icon-pailie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-shangpin2"></span>
            <div class="name">
              商品
            </div>
            <div class="code-name">.custom-icon-shangpin2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-tubiao_zhifu-qianbaozhifu-94"></span>
            <div class="name">
              图标_支付-钱包支付-94
            </div>
            <div class="code-name">.custom-icon-tubiao_zhifu-qianbaozhifu-94
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-caiyouduo_zhifu-weixinzhifu"></span>
            <div class="name">
              彩友多_支付-微信支付
            </div>
            <div class="code-name">.custom-icon-caiyouduo_zhifu-weixinzhifu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-tubiao_zhifu_zhifubaozhifu"></span>
            <div class="name">
              图标_支付_支付宝支付
            </div>
            <div class="code-name">.custom-icon-tubiao_zhifu_zhifubaozhifu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-share"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.custom-icon-share
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-user"></span>
            <div class="name">
              个人中心
            </div>
            <div class="code-name">.custom-icon-user
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-commpany"></span>
            <div class="name">
              工作单位
            </div>
            <div class="code-name">.custom-icon-commpany
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-time"></span>
            <div class="name">
              工作时间
            </div>
            <div class="code-name">.custom-icon-time
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-close-o"></span>
            <div class="name">
              关闭
            </div>
            <div class="code-name">.custom-icon-close-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-about"></span>
            <div class="name">
              关于
            </div>
            <div class="code-name">.custom-icon-about
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-order-manager"></span>
            <div class="name">
              就诊人管理
            </div>
            <div class="code-name">.custom-icon-order-manager
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-clock"></span>
            <div class="name">
              就诊提醒
            </div>
            <div class="code-name">.custom-icon-clock
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-position-o"></span>
            <div class="name">
              距离
            </div>
            <div class="code-name">.custom-icon-position-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-declare"></span>
            <div class="name">
              免责声明
            </div>
            <div class="code-name">.custom-icon-declare
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-prune"></span>
            <div class="name">
              删减
            </div>
            <div class="code-name">.custom-icon-prune
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-cardid"></span>
            <div class="name">
              身份证
            </div>
            <div class="code-name">.custom-icon-cardid
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-mobile"></span>
            <div class="name">
              手机版
            </div>
            <div class="code-name">.custom-icon-mobile
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-search"></span>
            <div class="name">
              搜索
            </div>
            <div class="code-name">.custom-icon-search
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-add"></span>
            <div class="name">
              添加
            </div>
            <div class="code-name">.custom-icon-add
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-completed"></span>
            <div class="name">
              完成
            </div>
            <div class="code-name">.custom-icon-completed
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-noread"></span>
            <div class="name">
              未读
            </div>
            <div class="code-name">.custom-icon-noread
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-attention"></span>
            <div class="name">
              我的关注
            </div>
            <div class="code-name">.custom-icon-attention
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-comment"></span>
            <div class="name">
              我的评价
            </div>
            <div class="code-name">.custom-icon-comment
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-wallet-o"></span>
            <div class="name">
              我的钱包
            </div>
            <div class="code-name">.custom-icon-wallet-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-notice"></span>
            <div class="name">
              我的通知
            </div>
            <div class="code-name">.custom-icon-notice
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-myorder"></span>
            <div class="name">
              我的预约
            </div>
            <div class="code-name">.custom-icon-myorder
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-invite-disease"></span>
            <div class="name">
              邀请患者
            </div>
            <div class="code-name">.custom-icon-invite-disease
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-invite"></span>
            <div class="name">
              邀请同行
            </div>
            <div class="code-name">.custom-icon-invite
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-medtitle"></span>
            <div class="name">
              医生职称
            </div>
            <div class="code-name">.custom-icon-medtitle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-read"></span>
            <div class="name">
              已读
            </div>
            <div class="code-name">.custom-icon-read
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-feedback"></span>
            <div class="name">
              用户反馈
            </div>
            <div class="code-name">.custom-icon-feedback
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-order"></span>
            <div class="name">
              预约挂号
            </div>
            <div class="code-name">.custom-icon-order
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-tel"></span>
            <div class="name">
              电话
            </div>
            <div class="code-name">.custom-icon-tel
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-logout"></span>
            <div class="name">
              退出
            </div>
            <div class="code-name">.custom-icon-logout
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-tuichu"></span>
            <div class="name">
              退出
            </div>
            <div class="code-name">.custom-icon-tuichu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-hulianwangoff"></span>
            <div class="name">
              互联网off
            </div>
            <div class="code-name">.custom-icon-hulianwangoff
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Androidgengduo"></span>
            <div class="name">
              Android更多
            </div>
            <div class="code-name">.custom-icon-Androidgengduo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-biyanjing"></span>
            <div class="name">
              闭眼睛
            </div>
            <div class="code-name">.custom-icon-biyanjing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-fanhui"></span>
            <div class="name">
              返回
            </div>
            <div class="code-name">.custom-icon-fanhui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-shengyin_shiti"></span>
            <div class="name">
              声音_实体
            </div>
            <div class="code-name">.custom-icon-shengyin_shiti
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-shebeikaifa"></span>
            <div class="name">
              设备开发
            </div>
            <div class="code-name">.custom-icon-shebeikaifa
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-cuowukongxin"></span>
            <div class="name">
              错误空心
            </div>
            <div class="code-name">.custom-icon-cuowukongxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-jia_sekuai"></span>
            <div class="name">
              加_色块
            </div>
            <div class="code-name">.custom-icon-jia_sekuai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-jian_sekuai"></span>
            <div class="name">
              减_色块
            </div>
            <div class="code-name">.custom-icon-jian_sekuai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-kong"></span>
            <div class="name">
              空
            </div>
            <div class="code-name">.custom-icon-kong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-chakanmingpian"></span>
            <div class="name">
              查看名片
            </div>
            <div class="code-name">.custom-icon-chakanmingpian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-zhangdan"></span>
            <div class="name">
              账单
            </div>
            <div class="code-name">.custom-icon-zhangdan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-biaozhu"></span>
            <div class="name">
              标注
            </div>
            <div class="code-name">.custom-icon-biaozhu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-zuzhiyemian"></span>
            <div class="name">
              组织页面
            </div>
            <div class="code-name">.custom-icon-zuzhiyemian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-shuziqianming"></span>
            <div class="name">
              数字签名
            </div>
            <div class="code-name">.custom-icon-shuziqianming
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-daosanjiao"></span>
            <div class="name">
              倒三角
            </div>
            <div class="code-name">.custom-icon-daosanjiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-daosanjiao-copy"></span>
            <div class="name">
              倒三角
            </div>
            <div class="code-name">.custom-icon-daosanjiao-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-bangding-"></span>
            <div class="name">
              绑定-01
            </div>
            <div class="code-name">.custom-icon-bangding-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-yly_jisuanqi"></span>
            <div class="name">
              yly_计算器
            </div>
            <div class="code-name">.custom-icon-yly_jisuanqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-shangpushangchengshouyefangzi"></span>
            <div class="name">
              商铺   商城   首页  房子
            </div>
            <div class="code-name">.custom-icon-shangpushangchengshouyefangzi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-chen"></span>
            <div class="name">
              陈
            </div>
            <div class="code-name">.custom-icon-chen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-guangan"></span>
            <div class="name">
              广安
            </div>
            <div class="code-name">.custom-icon-guangan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-icon-test1"></span>
            <div class="name">
              1
            </div>
            <div class="code-name">.custom-icon-icon-test1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-mima"></span>
            <div class="name">
              密码
            </div>
            <div class="code-name">.custom-icon-mima
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-zhuanfa"></span>
            <div class="name">
              3.1转发
            </div>
            <div class="code-name">.custom-icon-zhuanfa
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-zk-l"></span>
            <div class="name">
              下箭头
            </div>
            <div class="code-name">.custom-icon-zk-l
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-zk-r"></span>
            <div class="name">
              下箭头
            </div>
            <div class="code-name">.custom-icon-zk-r
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-zk-t"></span>
            <div class="name">
              下箭头
            </div>
            <div class="code-name">.custom-icon-zk-t
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-zk-b"></span>
            <div class="name">
              下箭头
            </div>
            <div class="code-name">.custom-icon-zk-b
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-kefu"></span>
            <div class="name">
              联系客服
            </div>
            <div class="code-name">.custom-icon-kefu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-yj1"></span>
            <div class="name">
              眼睛
            </div>
            <div class="code-name">.custom-icon-yj1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-yj2"></span>
            <div class="name">
              眼睛
            </div>
            <div class="code-name">.custom-icon-yj2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-shouqicaidan"></span>
            <div class="name">
              收起菜单
            </div>
            <div class="code-name">.custom-icon-shouqicaidan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-zhankaicaidan"></span>
            <div class="name">
              展开菜单
            </div>
            <div class="code-name">.custom-icon-zhankaicaidan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-shaixuan"></span>
            <div class="name">
              筛选
            </div>
            <div class="code-name">.custom-icon-shaixuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-liebiaoxingshi"></span>
            <div class="name">
              列表形式
            </div>
            <div class="code-name">.custom-icon-liebiaoxingshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-sanjiaotop"></span>
            <div class="name">
              三角上
            </div>
            <div class="code-name">.custom-icon-sanjiaotop
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-sanjiaodown"></span>
            <div class="name">
              下箭头
            </div>
            <div class="code-name">.custom-icon-sanjiaodown
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-arrow-left"></span>
            <div class="name">
              arrow-left-bold
            </div>
            <div class="code-name">.custom-icon-arrow-left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-arrow-right"></span>
            <div class="name">
              arrow-right-bold
            </div>
            <div class="code-name">.custom-icon-arrow-right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-arrow-bottom"></span>
            <div class="name">
              arrow-right-bold
            </div>
            <div class="code-name">.custom-icon-arrow-bottom
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-arrow-top"></span>
            <div class="name">
              arrow-left-bold
            </div>
            <div class="code-name">.custom-icon-arrow-top
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-shanchu1"></span>
            <div class="name">
              删除1
            </div>
            <div class="code-name">.custom-icon-shanchu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-jia-copy"></span>
            <div class="name">
              加
            </div>
            <div class="code-name">.custom-icon-jia-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-guanbi"></span>
            <div class="name">
              加
            </div>
            <div class="code-name">.custom-icon-guanbi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-biaoqing"></span>
            <div class="name">
              表情
            </div>
            <div class="code-name">.custom-icon-biaoqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-songda"></span>
            <div class="name">
              送达
            </div>
            <div class="code-name">.custom-icon-songda
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-anquan"></span>
            <div class="name">
              安全
            </div>
            <div class="code-name">.custom-icon-anquan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-ico"></span>
            <div class="name">
              二维码
            </div>
            <div class="code-name">.custom-icon-ico
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-fuzhi"></span>
            <div class="name">
              复制
            </div>
            <div class="code-name">.custom-icon-fuzhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-delete2-copy"></span>
            <div class="name">
              删除筛选项
            </div>
            <div class="code-name">.custom-icon-delete2-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-trash"></span>
            <div class="name">
              垃圾桶
            </div>
            <div class="code-name">.custom-icon-trash
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-delete2"></span>
            <div class="name">
              删除筛选项
            </div>
            <div class="code-name">.custom-icon-delete2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-gouxuan"></span>
            <div class="name">
              选择框勾选
            </div>
            <div class="code-name">.custom-icon-gouxuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Notification"></span>
            <div class="name">
              通知
            </div>
            <div class="code-name">.custom-icon-Notification
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Plus"></span>
            <div class="name">
              Plus
            </div>
            <div class="code-name">.custom-icon-Plus
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Profile"></span>
            <div class="name">
              我
            </div>
            <div class="code-name">.custom-icon-Profile
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Scan"></span>
            <div class="name">
              扫描
            </div>
            <div class="code-name">.custom-icon-Scan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Setting"></span>
            <div class="name">
              设置
            </div>
            <div class="code-name">.custom-icon-Setting
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Star"></span>
            <div class="name">
              星星
            </div>
            <div class="code-name">.custom-icon-Star
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Wallet"></span>
            <div class="name">
              钱包
            </div>
            <div class="code-name">.custom-icon-Wallet
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Scan1"></span>
            <div class="name">
              Scan
            </div>
            <div class="code-name">.custom-icon-Scan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Home"></span>
            <div class="name">
              Home
            </div>
            <div class="code-name">.custom-icon-Home
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Search2"></span>
            <div class="name">
              Search
            </div>
            <div class="code-name">.custom-icon-Search2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Plus2"></span>
            <div class="name">
              Plus
            </div>
            <div class="code-name">.custom-icon-Plus2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Chart1"></span>
            <div class="name">
              Chart
            </div>
            <div class="code-name">.custom-icon-Chart1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Bag1"></span>
            <div class="name">
              Bag
            </div>
            <div class="code-name">.custom-icon-Bag1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Star2"></span>
            <div class="name">
              Star
            </div>
            <div class="code-name">.custom-icon-Star2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Category1"></span>
            <div class="name">
              Category
            </div>
            <div class="code-name">.custom-icon-Category1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Wallet2"></span>
            <div class="name">
              Wallet
            </div>
            <div class="code-name">.custom-icon-Wallet2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Folder1"></span>
            <div class="name">
              Folder
            </div>
            <div class="code-name">.custom-icon-Folder1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Discovery1"></span>
            <div class="name">
              Discovery
            </div>
            <div class="code-name">.custom-icon-Discovery1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Message1"></span>
            <div class="name">
              Message
            </div>
            <div class="code-name">.custom-icon-Message1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Notification2"></span>
            <div class="name">
              Notification
            </div>
            <div class="code-name">.custom-icon-Notification2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Game1"></span>
            <div class="name">
              Game
            </div>
            <div class="code-name">.custom-icon-Game1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Profile2"></span>
            <div class="name">
              Profile
            </div>
            <div class="code-name">.custom-icon-Profile2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Calendar1"></span>
            <div class="name">
              Calendar
            </div>
            <div class="code-name">.custom-icon-Calendar1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Setting2"></span>
            <div class="name">
              Setting
            </div>
            <div class="code-name">.custom-icon-Setting2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Activity1"></span>
            <div class="name">
              Activity
            </div>
            <div class="code-name">.custom-icon-Activity1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Document1"></span>
            <div class="name">
              Document
            </div>
            <div class="code-name">.custom-icon-Document1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Graph1"></span>
            <div class="name">
              Graph
            </div>
            <div class="code-name">.custom-icon-Graph1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Chat1"></span>
            <div class="name">
              Chat
            </div>
            <div class="code-name">.custom-icon-Chat1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Heart1"></span>
            <div class="name">
              Heart
            </div>
            <div class="code-name">.custom-icon-Heart1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Bookmark1"></span>
            <div class="name">
              Bookmark
            </div>
            <div class="code-name">.custom-icon-Bookmark1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-Location1"></span>
            <div class="name">
              Location
            </div>
            <div class="code-name">.custom-icon-Location1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-wode1-copy"></span>
            <div class="name">
              我的-copy
            </div>
            <div class="code-name">.custom-icon-wode1-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-gouwu"></span>
            <div class="name">
              购物
            </div>
            <div class="code-name">.custom-icon-gouwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-shouye"></span>
            <div class="name">
              首页
            </div>
            <div class="code-name">.custom-icon-shouye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-wode1"></span>
            <div class="name">
              我的
            </div>
            <div class="code-name">.custom-icon-wode1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-bangzhu"></span>
            <div class="name">
              帮助
            </div>
            <div class="code-name">.custom-icon-bangzhu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-jifen"></span>
            <div class="name">
              积分
            </div>
            <div class="code-name">.custom-icon-jifen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-shanchu"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.custom-icon-shanchu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-shezhi"></span>
            <div class="name">
              设置
            </div>
            <div class="code-name">.custom-icon-shezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-shoucang"></span>
            <div class="name">
              收藏
            </div>
            <div class="code-name">.custom-icon-shoucang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-youhuiquan"></span>
            <div class="name">
              优惠券
            </div>
            <div class="code-name">.custom-icon-youhuiquan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-ziliao"></span>
            <div class="name">
              资料
            </div>
            <div class="code-name">.custom-icon-ziliao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-daifahuo"></span>
            <div class="name">
              待发货
            </div>
            <div class="code-name">.custom-icon-daifahuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-daifukuan"></span>
            <div class="name">
              待付款
            </div>
            <div class="code-name">.custom-icon-daifukuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-daishouhuo"></span>
            <div class="name">
              待收货
            </div>
            <div class="code-name">.custom-icon-daishouhuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-fankui"></span>
            <div class="name">
              反馈
            </div>
            <div class="code-name">.custom-icon-fankui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon custom-icon custom-icon-shouhou"></span>
            <div class="name">
              售后
            </div>
            <div class="code-name">.custom-icon-shouhou
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="custom-icon custom-icon-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            custom-icon" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-tihuan"></use>
                </svg>
                <div class="name">替换</div>
                <div class="code-name">#custom-icon-tihuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-guanbi1"></use>
                </svg>
                <div class="name">关闭</div>
                <div class="code-name">#custom-icon-guanbi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-app"></use>
                </svg>
                <div class="name">app</div>
                <div class="code-name">#custom-icon-app</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-xiaochengxu"></use>
                </svg>
                <div class="name">小程序</div>
                <div class="code-name">#custom-icon-xiaochengxu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-weixin"></use>
                </svg>
                <div class="name">微信</div>
                <div class="code-name">#custom-icon-weixin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-jineng"></use>
                </svg>
                <div class="name">技能</div>
                <div class="code-name">#custom-icon-jineng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-home1149866easyiconnet"></use>
                </svg>
                <div class="name">主页</div>
                <div class="code-name">#custom-icon-home1149866easyiconnet</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-liuyan1"></use>
                </svg>
                <div class="name">留言</div>
                <div class="code-name">#custom-icon-liuyan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-pailie"></use>
                </svg>
                <div class="name">排列</div>
                <div class="code-name">#custom-icon-pailie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-shangpin2"></use>
                </svg>
                <div class="name">商品</div>
                <div class="code-name">#custom-icon-shangpin2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-tubiao_zhifu-qianbaozhifu-94"></use>
                </svg>
                <div class="name">图标_支付-钱包支付-94</div>
                <div class="code-name">#custom-icon-tubiao_zhifu-qianbaozhifu-94</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-caiyouduo_zhifu-weixinzhifu"></use>
                </svg>
                <div class="name">彩友多_支付-微信支付</div>
                <div class="code-name">#custom-icon-caiyouduo_zhifu-weixinzhifu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-tubiao_zhifu_zhifubaozhifu"></use>
                </svg>
                <div class="name">图标_支付_支付宝支付</div>
                <div class="code-name">#custom-icon-tubiao_zhifu_zhifubaozhifu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-share"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#custom-icon-share</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-user"></use>
                </svg>
                <div class="name">个人中心</div>
                <div class="code-name">#custom-icon-user</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-commpany"></use>
                </svg>
                <div class="name">工作单位</div>
                <div class="code-name">#custom-icon-commpany</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-time"></use>
                </svg>
                <div class="name">工作时间</div>
                <div class="code-name">#custom-icon-time</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-close-o"></use>
                </svg>
                <div class="name">关闭</div>
                <div class="code-name">#custom-icon-close-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-about"></use>
                </svg>
                <div class="name">关于</div>
                <div class="code-name">#custom-icon-about</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-order-manager"></use>
                </svg>
                <div class="name">就诊人管理</div>
                <div class="code-name">#custom-icon-order-manager</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-clock"></use>
                </svg>
                <div class="name">就诊提醒</div>
                <div class="code-name">#custom-icon-clock</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-position-o"></use>
                </svg>
                <div class="name">距离</div>
                <div class="code-name">#custom-icon-position-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-declare"></use>
                </svg>
                <div class="name">免责声明</div>
                <div class="code-name">#custom-icon-declare</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-prune"></use>
                </svg>
                <div class="name">删减</div>
                <div class="code-name">#custom-icon-prune</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-cardid"></use>
                </svg>
                <div class="name">身份证</div>
                <div class="code-name">#custom-icon-cardid</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-mobile"></use>
                </svg>
                <div class="name">手机版</div>
                <div class="code-name">#custom-icon-mobile</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-search"></use>
                </svg>
                <div class="name">搜索</div>
                <div class="code-name">#custom-icon-search</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-add"></use>
                </svg>
                <div class="name">添加</div>
                <div class="code-name">#custom-icon-add</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-completed"></use>
                </svg>
                <div class="name">完成</div>
                <div class="code-name">#custom-icon-completed</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-noread"></use>
                </svg>
                <div class="name">未读</div>
                <div class="code-name">#custom-icon-noread</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-attention"></use>
                </svg>
                <div class="name">我的关注</div>
                <div class="code-name">#custom-icon-attention</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-comment"></use>
                </svg>
                <div class="name">我的评价</div>
                <div class="code-name">#custom-icon-comment</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-wallet-o"></use>
                </svg>
                <div class="name">我的钱包</div>
                <div class="code-name">#custom-icon-wallet-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-notice"></use>
                </svg>
                <div class="name">我的通知</div>
                <div class="code-name">#custom-icon-notice</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-myorder"></use>
                </svg>
                <div class="name">我的预约</div>
                <div class="code-name">#custom-icon-myorder</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-invite-disease"></use>
                </svg>
                <div class="name">邀请患者</div>
                <div class="code-name">#custom-icon-invite-disease</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-invite"></use>
                </svg>
                <div class="name">邀请同行</div>
                <div class="code-name">#custom-icon-invite</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-medtitle"></use>
                </svg>
                <div class="name">医生职称</div>
                <div class="code-name">#custom-icon-medtitle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-read"></use>
                </svg>
                <div class="name">已读</div>
                <div class="code-name">#custom-icon-read</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-feedback"></use>
                </svg>
                <div class="name">用户反馈</div>
                <div class="code-name">#custom-icon-feedback</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-order"></use>
                </svg>
                <div class="name">预约挂号</div>
                <div class="code-name">#custom-icon-order</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-tel"></use>
                </svg>
                <div class="name">电话</div>
                <div class="code-name">#custom-icon-tel</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-logout"></use>
                </svg>
                <div class="name">退出</div>
                <div class="code-name">#custom-icon-logout</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-tuichu"></use>
                </svg>
                <div class="name">退出</div>
                <div class="code-name">#custom-icon-tuichu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-hulianwangoff"></use>
                </svg>
                <div class="name">互联网off</div>
                <div class="code-name">#custom-icon-hulianwangoff</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Androidgengduo"></use>
                </svg>
                <div class="name">Android更多</div>
                <div class="code-name">#custom-icon-Androidgengduo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-biyanjing"></use>
                </svg>
                <div class="name">闭眼睛</div>
                <div class="code-name">#custom-icon-biyanjing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-fanhui"></use>
                </svg>
                <div class="name">返回</div>
                <div class="code-name">#custom-icon-fanhui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-shengyin_shiti"></use>
                </svg>
                <div class="name">声音_实体</div>
                <div class="code-name">#custom-icon-shengyin_shiti</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-shebeikaifa"></use>
                </svg>
                <div class="name">设备开发</div>
                <div class="code-name">#custom-icon-shebeikaifa</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-cuowukongxin"></use>
                </svg>
                <div class="name">错误空心</div>
                <div class="code-name">#custom-icon-cuowukongxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-jia_sekuai"></use>
                </svg>
                <div class="name">加_色块</div>
                <div class="code-name">#custom-icon-jia_sekuai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-jian_sekuai"></use>
                </svg>
                <div class="name">减_色块</div>
                <div class="code-name">#custom-icon-jian_sekuai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-kong"></use>
                </svg>
                <div class="name">空</div>
                <div class="code-name">#custom-icon-kong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-chakanmingpian"></use>
                </svg>
                <div class="name">查看名片</div>
                <div class="code-name">#custom-icon-chakanmingpian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-zhangdan"></use>
                </svg>
                <div class="name">账单</div>
                <div class="code-name">#custom-icon-zhangdan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-biaozhu"></use>
                </svg>
                <div class="name">标注</div>
                <div class="code-name">#custom-icon-biaozhu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-zuzhiyemian"></use>
                </svg>
                <div class="name">组织页面</div>
                <div class="code-name">#custom-icon-zuzhiyemian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-shuziqianming"></use>
                </svg>
                <div class="name">数字签名</div>
                <div class="code-name">#custom-icon-shuziqianming</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-daosanjiao"></use>
                </svg>
                <div class="name">倒三角</div>
                <div class="code-name">#custom-icon-daosanjiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-daosanjiao-copy"></use>
                </svg>
                <div class="name">倒三角</div>
                <div class="code-name">#custom-icon-daosanjiao-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-bangding-"></use>
                </svg>
                <div class="name">绑定-01</div>
                <div class="code-name">#custom-icon-bangding-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-yly_jisuanqi"></use>
                </svg>
                <div class="name">yly_计算器</div>
                <div class="code-name">#custom-icon-yly_jisuanqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-shangpushangchengshouyefangzi"></use>
                </svg>
                <div class="name">商铺   商城   首页  房子</div>
                <div class="code-name">#custom-icon-shangpushangchengshouyefangzi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-chen"></use>
                </svg>
                <div class="name">陈</div>
                <div class="code-name">#custom-icon-chen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-guangan"></use>
                </svg>
                <div class="name">广安</div>
                <div class="code-name">#custom-icon-guangan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-icon-test1"></use>
                </svg>
                <div class="name">1</div>
                <div class="code-name">#custom-icon-icon-test1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-mima"></use>
                </svg>
                <div class="name">密码</div>
                <div class="code-name">#custom-icon-mima</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-zhuanfa"></use>
                </svg>
                <div class="name">3.1转发</div>
                <div class="code-name">#custom-icon-zhuanfa</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-zk-l"></use>
                </svg>
                <div class="name">下箭头</div>
                <div class="code-name">#custom-icon-zk-l</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-zk-r"></use>
                </svg>
                <div class="name">下箭头</div>
                <div class="code-name">#custom-icon-zk-r</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-zk-t"></use>
                </svg>
                <div class="name">下箭头</div>
                <div class="code-name">#custom-icon-zk-t</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-zk-b"></use>
                </svg>
                <div class="name">下箭头</div>
                <div class="code-name">#custom-icon-zk-b</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-kefu"></use>
                </svg>
                <div class="name">联系客服</div>
                <div class="code-name">#custom-icon-kefu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-yj1"></use>
                </svg>
                <div class="name">眼睛</div>
                <div class="code-name">#custom-icon-yj1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-yj2"></use>
                </svg>
                <div class="name">眼睛</div>
                <div class="code-name">#custom-icon-yj2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-shouqicaidan"></use>
                </svg>
                <div class="name">收起菜单</div>
                <div class="code-name">#custom-icon-shouqicaidan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-zhankaicaidan"></use>
                </svg>
                <div class="name">展开菜单</div>
                <div class="code-name">#custom-icon-zhankaicaidan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-shaixuan"></use>
                </svg>
                <div class="name">筛选</div>
                <div class="code-name">#custom-icon-shaixuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-liebiaoxingshi"></use>
                </svg>
                <div class="name">列表形式</div>
                <div class="code-name">#custom-icon-liebiaoxingshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-sanjiaotop"></use>
                </svg>
                <div class="name">三角上</div>
                <div class="code-name">#custom-icon-sanjiaotop</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-sanjiaodown"></use>
                </svg>
                <div class="name">下箭头</div>
                <div class="code-name">#custom-icon-sanjiaodown</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-arrow-left"></use>
                </svg>
                <div class="name">arrow-left-bold</div>
                <div class="code-name">#custom-icon-arrow-left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-arrow-right"></use>
                </svg>
                <div class="name">arrow-right-bold</div>
                <div class="code-name">#custom-icon-arrow-right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-arrow-bottom"></use>
                </svg>
                <div class="name">arrow-right-bold</div>
                <div class="code-name">#custom-icon-arrow-bottom</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-arrow-top"></use>
                </svg>
                <div class="name">arrow-left-bold</div>
                <div class="code-name">#custom-icon-arrow-top</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-shanchu1"></use>
                </svg>
                <div class="name">删除1</div>
                <div class="code-name">#custom-icon-shanchu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-jia-copy"></use>
                </svg>
                <div class="name">加</div>
                <div class="code-name">#custom-icon-jia-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-guanbi"></use>
                </svg>
                <div class="name">加</div>
                <div class="code-name">#custom-icon-guanbi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-biaoqing"></use>
                </svg>
                <div class="name">表情</div>
                <div class="code-name">#custom-icon-biaoqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-songda"></use>
                </svg>
                <div class="name">送达</div>
                <div class="code-name">#custom-icon-songda</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-anquan"></use>
                </svg>
                <div class="name">安全</div>
                <div class="code-name">#custom-icon-anquan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-ico"></use>
                </svg>
                <div class="name">二维码</div>
                <div class="code-name">#custom-icon-ico</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-fuzhi"></use>
                </svg>
                <div class="name">复制</div>
                <div class="code-name">#custom-icon-fuzhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-delete2-copy"></use>
                </svg>
                <div class="name">删除筛选项</div>
                <div class="code-name">#custom-icon-delete2-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-trash"></use>
                </svg>
                <div class="name">垃圾桶</div>
                <div class="code-name">#custom-icon-trash</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-delete2"></use>
                </svg>
                <div class="name">删除筛选项</div>
                <div class="code-name">#custom-icon-delete2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-gouxuan"></use>
                </svg>
                <div class="name">选择框勾选</div>
                <div class="code-name">#custom-icon-gouxuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Notification"></use>
                </svg>
                <div class="name">通知</div>
                <div class="code-name">#custom-icon-Notification</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Plus"></use>
                </svg>
                <div class="name">Plus</div>
                <div class="code-name">#custom-icon-Plus</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Profile"></use>
                </svg>
                <div class="name">我</div>
                <div class="code-name">#custom-icon-Profile</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Scan"></use>
                </svg>
                <div class="name">扫描</div>
                <div class="code-name">#custom-icon-Scan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Setting"></use>
                </svg>
                <div class="name">设置</div>
                <div class="code-name">#custom-icon-Setting</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Star"></use>
                </svg>
                <div class="name">星星</div>
                <div class="code-name">#custom-icon-Star</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Wallet"></use>
                </svg>
                <div class="name">钱包</div>
                <div class="code-name">#custom-icon-Wallet</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Scan1"></use>
                </svg>
                <div class="name">Scan</div>
                <div class="code-name">#custom-icon-Scan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Home"></use>
                </svg>
                <div class="name">Home</div>
                <div class="code-name">#custom-icon-Home</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Search2"></use>
                </svg>
                <div class="name">Search</div>
                <div class="code-name">#custom-icon-Search2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Plus2"></use>
                </svg>
                <div class="name">Plus</div>
                <div class="code-name">#custom-icon-Plus2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Chart1"></use>
                </svg>
                <div class="name">Chart</div>
                <div class="code-name">#custom-icon-Chart1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Bag1"></use>
                </svg>
                <div class="name">Bag</div>
                <div class="code-name">#custom-icon-Bag1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Star2"></use>
                </svg>
                <div class="name">Star</div>
                <div class="code-name">#custom-icon-Star2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Category1"></use>
                </svg>
                <div class="name">Category</div>
                <div class="code-name">#custom-icon-Category1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Wallet2"></use>
                </svg>
                <div class="name">Wallet</div>
                <div class="code-name">#custom-icon-Wallet2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Folder1"></use>
                </svg>
                <div class="name">Folder</div>
                <div class="code-name">#custom-icon-Folder1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Discovery1"></use>
                </svg>
                <div class="name">Discovery</div>
                <div class="code-name">#custom-icon-Discovery1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Message1"></use>
                </svg>
                <div class="name">Message</div>
                <div class="code-name">#custom-icon-Message1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Notification2"></use>
                </svg>
                <div class="name">Notification</div>
                <div class="code-name">#custom-icon-Notification2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Game1"></use>
                </svg>
                <div class="name">Game</div>
                <div class="code-name">#custom-icon-Game1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Profile2"></use>
                </svg>
                <div class="name">Profile</div>
                <div class="code-name">#custom-icon-Profile2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Calendar1"></use>
                </svg>
                <div class="name">Calendar</div>
                <div class="code-name">#custom-icon-Calendar1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Setting2"></use>
                </svg>
                <div class="name">Setting</div>
                <div class="code-name">#custom-icon-Setting2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Activity1"></use>
                </svg>
                <div class="name">Activity</div>
                <div class="code-name">#custom-icon-Activity1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Document1"></use>
                </svg>
                <div class="name">Document</div>
                <div class="code-name">#custom-icon-Document1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Graph1"></use>
                </svg>
                <div class="name">Graph</div>
                <div class="code-name">#custom-icon-Graph1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Chat1"></use>
                </svg>
                <div class="name">Chat</div>
                <div class="code-name">#custom-icon-Chat1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Heart1"></use>
                </svg>
                <div class="name">Heart</div>
                <div class="code-name">#custom-icon-Heart1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Bookmark1"></use>
                </svg>
                <div class="name">Bookmark</div>
                <div class="code-name">#custom-icon-Bookmark1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-Location1"></use>
                </svg>
                <div class="name">Location</div>
                <div class="code-name">#custom-icon-Location1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-wode1-copy"></use>
                </svg>
                <div class="name">我的-copy</div>
                <div class="code-name">#custom-icon-wode1-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-gouwu"></use>
                </svg>
                <div class="name">购物</div>
                <div class="code-name">#custom-icon-gouwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-shouye"></use>
                </svg>
                <div class="name">首页</div>
                <div class="code-name">#custom-icon-shouye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-wode1"></use>
                </svg>
                <div class="name">我的</div>
                <div class="code-name">#custom-icon-wode1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-bangzhu"></use>
                </svg>
                <div class="name">帮助</div>
                <div class="code-name">#custom-icon-bangzhu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-jifen"></use>
                </svg>
                <div class="name">积分</div>
                <div class="code-name">#custom-icon-jifen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-shanchu"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#custom-icon-shanchu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-shezhi"></use>
                </svg>
                <div class="name">设置</div>
                <div class="code-name">#custom-icon-shezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-shoucang"></use>
                </svg>
                <div class="name">收藏</div>
                <div class="code-name">#custom-icon-shoucang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-youhuiquan"></use>
                </svg>
                <div class="name">优惠券</div>
                <div class="code-name">#custom-icon-youhuiquan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-ziliao"></use>
                </svg>
                <div class="name">资料</div>
                <div class="code-name">#custom-icon-ziliao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-daifahuo"></use>
                </svg>
                <div class="name">待发货</div>
                <div class="code-name">#custom-icon-daifahuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-daifukuan"></use>
                </svg>
                <div class="name">待付款</div>
                <div class="code-name">#custom-icon-daifukuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-daishouhuo"></use>
                </svg>
                <div class="name">待收货</div>
                <div class="code-name">#custom-icon-daishouhuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-fankui"></use>
                </svg>
                <div class="name">反馈</div>
                <div class="code-name">#custom-icon-fankui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#custom-icon-shouhou"></use>
                </svg>
                <div class="name">售后</div>
                <div class="code-name">#custom-icon-shouhou</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
